<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aanmeldapplicatie</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<div id="page">
<!-- content on -->
<div class="gl-details">
	<p class="un-ds-close"><a href="#" title="Sluiten">Sluiten</a></p>
	<div class="gl-inner cf">
  	<section class="bl-ds">
    	<div class="un-ds-ttl">
      	<h1>Aanmelding zonder oproepbrief</h1>
        <p>De gegevens die u hier invult worden vergeleken met de gegevens in de gemeentelijke basisadministratie.</p>
      </div>
      <fieldset>
      	<h2>NAW gegevens <a class="el-help" data-position="s" href="#tip_naw"></a></h2>
        <div id="tip_naw" class="un-tip-data">
        	<h4>NAW gegevens</h4>
          <p>Hier ziet u de naam, het adres en enkele aanvullende gegevens van het kind. Deze gegevens komen uit de Gemeentelijke Basisadministratie Persoonsgegevens (GBA). Als een kind verhuist of overlijdt, ontvangt u automatisch bericht.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_01">Voornaam</label></dt>
          <dd>
          	<input id="frm_inp_01" type="text" class="el-inp-80" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_02">Tussenvoegsel</label></dt>
          <dd>
          	<input id="frm_inp_02" type="text" class="el-inp-20" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_03">Achternaam</label></dt>
          <dd>
          	<input id="frm_inp_03" type="text" class="el-inp-80" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_04">Geboortedatum</label></dt>
          <dd>
          	<input id="frm_inp_04" type="text" class="el-inp-33" placeholder="DD-MM-JJJJ" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_05">BSN</label></dt>
          <dd>
          	<input id="frm_inp_05" type="text" class="el-inp-33" value="">
            <a class="el-help" href="#tip_bsn"></a>
          </dd>
        </dl>
        <div id="tip_bsn" class="un-tip-data">
        	<h4>GBA gegevens</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label for="frm_rdo_01">Geslacht</label></dt>
          <dd>
          	<input type="radio" name="frm_nm_01" id="frm_rdo_01">
            <span class="el-intra-pd"><label for="frm_rdo_01">Man</label></span>
            <input type="radio" name="frm_nm_01" id="frm_rdo_02">
            <span class="el-intra-pd"><label for="frm_rdo_02">Vrouw</label></span>
          </dd>
        </dl>
        <h2 class="el-space">Adres</h2>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_06">Straat + nr.</label></dt>
          <dd>
          	<input id="frm_inp_06" type="text" class="el-inp-80" value="">
            <input type="text" class="el-inp-20" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_07">Postcode + plaats</label></dt>
          <dd>
            <input id="frm_inp_07" type="text" class="el-inp-20" value="">
            <input type="text" class="el-inp-80" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt></dt>
          <dd>
          	<input type="checkbox" name="frm_nm_15" id="frm_chk_15">
            <span class="el-intra-pd"><label for="frm_chk_15">Geheim adres</label></span>
          </dd>
        </dl>
      </fieldset>
      <fieldset>
      	<h2>Aanvullende gegevens <span>(niet verplicht)</span> <a class="el-help" href="#tip_aanvullende"></a></h2>
        <div id="tip_aanvullende" class="un-tip-data">
        	<h4>Aanvullende gegevens</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_08">Roepnaam</label></dt>
          <dd>
          	<input id="frm_inp_08" type="text" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_09">Vast tel.nr.</label></dt>
          <dd>
          	<input id="frm_inp_09" type="text" class="el-inp-33" value="">
          	<div class="el-intra-33"><label for="frm_inp_10">Mobiel nr.</label></div>
          	<input id="frm_inp_10" type="text" class="el-inp-33" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_11">E-mailadres</label></dt>
          <dd>
          	<input id="frm_inp_11" type="text" value="">
          </dd>
        </dl>
        <dl class="un-row cf">
          <dd>
          	<input id="frm_rdo_03" type="checkbox" class="el-form-address"> <!-- class el-form-address need for js -->
            <label for="frm_rdo_03">Extra adres</label> <a class="el-help" href="#tip_extra_adres"></a>
            <div class="un-ds-address">
            	<dl class="cf">
              	<dt><label for="frm_inp_in_01">Straat + nr.</label></dt>
                <dd>
                	<input id="frm_inp_in_01" type="text" class="el-inp-80" value="">
                  <input type="text" class="el-inp-20" value="">
                </dd>
              </dl>
              <dl class="cf">
              	<dt><label for="frm_inp_in_02">Postcode + plaats</label></dt>
                <dd>
                	<input id="frm_inp_in_02" type="text" class="el-inp-20" value="">
                  <input type="text" class="el-inp-80" value="">
                </dd>
              </dl>
              <dl class="cf">
              	<dt><label for="frm_inp_in_03">Vast tel.nr.</label></dt>
                <dd>
                	<input id="frm_inp_in_03" type="text" value="">
                </dd>
              </dl>
              <dl class="cf">
              	<dt><label for="frm_inp_in_04">E-mailadres</label></dt>
                <dd>
                	<input id="frm_inp_in_04" type="text" value="">
                </dd>
              </dl>
              <dl class="cf">
                <dd>
                	<input id="frm_rdo_in_01" type="checkbox" value=""><label for="frm_rdo_in_01">Ook correspondentieadres</label>
                </dd>
              </dl>
            </div>
          </dd>
        </dl>
        <div id="tip_extra_adres" class="un-tip-data">
        	<h4>Extra adres</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo viverra suscipit. Sed ipsum urna, lobortis id ullamcorper sed, laoreet nec orci.</p>
        </div>
      </fieldset>
      <fieldset>
      	<h2>Aanmeldgegevens</h2>
        <dl class="un-row cf">
        	<dt><label for="frm_inp_12">Schoollocatie</label></dt>
          <dd>
          	<select id="frm_inp_12">
            	<option>De Graafflaan</option>
            </select>
          </dd>
        </dl>
        <dl class="un-row cf">
        	<dt><label for="frm_rdo_04">Toelatingscriteria</label><a class="el-help" href="#tip_toelatingscriteria"></a></dt>
          <dd class="el-rdo-ln">
          	<p>
              <input id="frm_rdo_04" type="radio" name="frm_nm_02">
              <label for="frm_rdo_04">Voldoet aan geen enkel criterium</label>
            </p>
            <p>
              <input id="frm_rdo_05" type="radio" name="frm_nm_02" class="el-form-criteria"> <!-- class el-form-criteria need for js -->
            	<label for="frm_rdo_05">Voldoet aan één of meerdere criteria</label>
            </p>
            <ul class="un-ds-criteria">
            	<li>
              	<input id="frm_rdo_15" type="checkbox" name="frm_nm_04">
            		<label for="frm_rdo_15">Broertje/zusje</label>
              </li>
              <li>
              	<input id="frm_rdo_16" type="checkbox" name="frm_nm_04">
            		<label for="frm_rdo_16">In de buurt</label>
              </li>
            </ul>
          </dd>
        </dl>
        <div id="tip_toelatingscriteria" class="un-tip-data">
        	<h4>Toelatingscriteria</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <dl class="un-row cf">
        	<dt><label>Aanvullende informatie (niet verplicht)</label></dt>
          <dd>
            <textarea rows="8" cols="50"></textarea>
          </dd>
        </dl>
      </fieldset>
      <div class="un-ds-btn cf">
        <button class="el-btn-orange" disabled="disabled" type="submit"><span>Aanmelden &rsaquo;</span></button>
        <a href="#" title="Annuleren">Annuleren</a>
      </div>
      <dl class="un-ds-reg">
        <dt>Wat gebeurt er als ik op ‘Aanmelden’ klik?</dt>
        <dd>
          <h3>Wat gebeurt er als ik op ‘Aanmelden’ klik?</h3>
          <p>Wanneer u het kind heeft aangemeld wordt er automatisch een aanmeldbrief gegenereerd die naar het e-mailadres wordt verstuurd dat is aangegeven in uw instellingen. Deze aanmeldbrief is vervolgens ook beschikbaar bij de kindgegevens binnen de aanmeldapplicatie.</p>
          <p>De aanmeldbrief kan vanuit school naar de ouders worden verstuurd (per post dan wel per e-mail) ter bevestiging van de aanmelding op uw school.</p>
        </dd>
      </dl>
    </section>
    <aside class="bl-ds-side">
			<div class="un-ds-note">
      	<div class="un-txt">
        	<h3><span>Schooljaar</span> 2016/2017</h3>
          <p class="el-head">nergens aangemeld</p>
        </div>
			</div>
      <ul class="un-ds-action">
        <li class="el-print"><a href="#" title="Printen">Printen</a></li>
        <li class="el-manual"><a href="#" title="Handleiding">Handleiding</a></li>
      </ul>
    </aside>
  </div>
</div>
<!-- content off -->
</div>
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
</body>
</html>
